
<section>
<?php //print_r(md5(md5('dungdc').md5('123456gv')))?>
<?php if($check == 200):?>
<div id="intro">
	<time></time>
	<h1 id="container31">Loading ...</h1>
</div>

<div id="main-page" class="click" style="display: none">	
    <p>
        <span id="cauhoi"></span>
		<input type="hidden" id="verify" name="verify" value=""/>
    </p>
    <p>
        <a href="#"><span class="ketqua" id="dapan1"></span></a>
    </p>
    <p>
        <a href="#"><span class="ketqua" id="dapan2"></span></a>
    </p>
    <p>
        <a href="#"><span class="ketqua" id="dapan3"></span></a>
    </p>
    <p>
        <a href="#"><span class="ketqua" id="dapan4"></span></a>
    </p>
</div>
<?php else:?>
<div id="main-page"></div>
<script>
	$.ajax({
		type: "GET",
		url: '<?php echo $baseurl?>final-result',
		success: function(data){
			var json = JSON.parse(data);
			$('#main-page').html('<p>Lượt chơi của bạn đã kết thúc!</p>\n\
			<p>Bạn đã trả lời đúng '+json.scores+' câu hỏi trong thời gian '+json.time+'</p>');
		}
	});
</script>
<?php endif;?>
<div id="result" style="display: none;"></div>

</section>

<script src="http://node.babybean.vn:8000/socket.io/socket.io.js"></script>

<script>
        statusConnect = '<?php echo $statusConnect;?>';
        var rs;
	    var accessAmount = 0;
		var socket = io.connect('http://node.babybean.vn:8000');

        socket.emit('clientPushConnect', 'client');
        socket.on('response_client_to_Connect', function (rep)
        {
            accessAmount = rep;
            if(accessAmount == 1 && statusConnect == '' )
            {
                socket.emit('getConnectDelay', accessAmount);
                accessAmount = parseInt(accessAmount) + 1;
            }
        });
        
        $(function()
        {
            if(statusConnect != '')
            {
                $.ajax({
                    type: 'get',
                    url: '<?php echo $baseurl?>re-connect',
                    success: function(data){
                        var json = JSON.parse(data);
                        if(json.code == 200)
                            {
                                var jsp = json.data.data_;//alert(jsp.stt);
                                $('#intro').hide();
            				    $('#main-page').show();
                                $('#cauhoi').html('Câu hỏi '+jsp.stt+':  '+jsp.question);
                                $('#verify').attr('value', jsp.id);
                                $('#dapan1').html('1. '+jsp.choice[1]);
                                $('#dapan2').html('2. '+jsp.choice[2]);
                                $('#dapan3').html('3. '+jsp.choice[3]);
                                $('#dapan4').html('4. '+jsp.choice[4]);
                            }else{
                                $.ajax({
            					type: "GET",
            					url: '<?php echo $baseurl?>final-result',
            					success: function(data){
                						var json = JSON.parse(data);
                                        $('#intro').hide();
            				            $('#main-page').show();
                						$('#main-page').html('<p>Lượt chơi của bạn đã kết thúc!</p>\n\
                						<p>Bạn đã trả lời đúng '+json.scores+' câu hỏi trong thời gian '+json.time+'</p>');
                                        socket.disconnect();
                					}
                				});
                            }
                    }
               });   
            } 
        });

		
		// on message recived we print the new data inside the #container div
        
		socket.on('push_to2_batdau', function (data, cfv, cfv_2, delay, bxh) {
		    alert(bxh);
            console.log(JSON.parse(bxh));
			setTimeout(function(){
				svPlaycr(cfv, cfv_2, '2');
			}, Math.floor((Math.random() * 3000) + 1));
            
            rs = data;
            if(delay == 0)
            {
                $('#container31').html('TRÒ CHƠI SẼ BẮT ĐẦU TRONG 3 GIÂY NỮA');
    			$('#cauhoi').html('');
    			$('#dapan1').html('');
    			$('#dapan2').html('');
    			$('#dapan3').html('');
    			$('#dapan4').html('');
    			
    			setTimeout(function(){
    				$('#intro').hide();
    				$('#main-page').show();
    				zxc(rs);
    			},3000);
            }else if(delay == 2)
            {
                $('#container31').html('Xin lỗi không thể kết nối đến server vì bạn tham gia quá muộn');
                socket.disconnect();
            }else{
                $('#intro').hide();
				$('#main-page').show();
				zxc(rs);
            }
            
			
		});
		socket.on('push_to2', function (data, id, bxh) {
			alert(bxh);
            //console.log(JSON.parse(bxh));
            svPlaycr('',id, '1');
			rs = data;
            if($('#main-page').hasClass('click'))
			{
				$.ajax({
					type: "GET",
					url: '<?php echo $baseurl?>final-result',
					success: function(data){
						var json = JSON.parse(data);
						$('#main-page').html('<p>Lượt chơi của bạn đã kết thúc!</p>\n\
						<p>Bạn đã trả lời đúng '+json.scores+' câu hỏi trong thời gian '+json.time+'</p>');
                        socket.disconnect();
					}
				});
			}else{
			     $('#main-page').addClass('click');
			     zxc(data);
			}
		});
		
		starttime = 0, endtime = 0, deltatime = 0; 
		var zxc = function(data){
			//console.log(data);
			var js = JSON.parse(data);
			//js = JSON.parse(js);`
			console.log(js.choice[1]);
			
            $('.ketqua').removeClass('green');
            $('.ketqua').removeClass('red');
			if($('#main-page').hasClass('true'))
			{
				$('#main-page').removeClass('block');
				$('#main-page').removeClass('true');
			}
			if($('#main-page').hasClass('block'))
			{
				$.ajax({
					type: "GET",
					url: '<?php echo $baseurl?>final-result',
					success: function(data){
						var json = JSON.parse(data);
						$('#main-page').html('<p>Lượt chơi của bạn đã kết thúc!</p>\n\
						<p>Bạn đã trả lời đúng '+json.scores+' câu hỏi trong thời gian '+json.time+'</p>');
                        socket.disconnect();
					}
				});
			}else{
				$('#cauhoi').html('Câu hỏi '+js.stt+':  '+js.question);
				$('#verify').attr('value', js.id);
				$('#dapan1').html('1. '+js.choice[1]);
				$('#dapan2').html('2. '+js.choice[2]);
				$('#dapan3').html('3. '+js.choice[3]);
				$('#dapan4').html('4. '+js.choice[4]);
			}
		}
        
        var svPlaycr = function(cfv, cfv_2, stc)
        {
            $.ajax({
                   type: 'GET',
                   url: '<?php echo $baseurl?>sv-play',
                   data: ({cfv: cfv, cfv_2: cfv_2, stc: stc})
                });
        }
	
		$(".ketqua").click(function(){
		if($('#main-page').hasClass('block'))
		{
			if($('#main-page').hasClass('true'))
			{
			    $('#main-page').removeClass('click');
				alert("Bạn đã trả lời câu hỏi này. Hãy chờ câu hỏi tiếp theo");
			}else{
				$('#main-page').removeClass('click');
                alert("Lượt chơi này của bạn đã kết thúc");
			}
			
			return false;
		}else{
		    var cl = $(this);
			var conf = confirm("Đây đã phải là đáp án cuối cùng của bạn chưa :v");
			if(conf == true)
			{
			    $('#main-page').removeClass('click');
				var kq = $(this).attr('id').replace('dapan','');
				
				var ques = $('#verify').attr('value');
				$.ajax({
					type: "GET",
					url: '<?php echo $baseurl?>update-score',
					data: ({id_ques : ques, kq : kq}),
					success: function(data)
					{
					   var jsp = JSON.parse(data);
                        if(jsp.status == 100){
                            alert('Lượt chơi của bạn đã kết thúc');
                        }else if(jsp.status == 200){
                            cl.addClass('green');
                            alert('Câu: '+jsp.data.score+' - Trong :'+jsp.data.time);
                            $('#main-page').addClass('block');
    						$('#main-page').addClass('true');
                        }else{
                            cl.addClass('red');
                            $('#dapan'+jsp.data).addClass('green');
                            $('#main-page').addClass('block');
                        }
					}
				});
			}
			return false;
		}
		});
		
		socket.on('show', function(data){
            $('#show').show();
			$.ajax({
				type: "GET",
				url: '<?php echo $baseurl?>show-result',
				success: function(data){
				    $('#result').show();
					$('#result').html(data);
                    socket.disconnect();
				}
			});
		});
	</script>
